<template>
  <div class="sc1">
    <div class="sc4">
      <div class="sc2">
        5.0
        <span>分</span>
        <span>超赞</span>
        <div>
          <div class="sc3">2738条评论</div>
          <div class="sc3">1条攻略</div>
        </div>
      </div>
      <div class="sc2">
        <div class="sc6">景点简介</div>
        <div class="sc5">开放时间、贴士</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Xq1sc1'
}
</script>

<style lang="stylus" scoped>
.sc1
  position: relative;
  top: -.1rem;
  padding: .1rem .2rem 0 .2rem;
  margin-bottom: .1rem;
  background: #fff;
  border-radius: .1rem .1rem 0 0;
.sc2
  -webkit-box-flex: 1;
  flex: 1;
  font-size: .44rem;
  color: #ff8300;
  line-height: .44rem;
.sc2 span
  font-size: .28rem !important;
  line-height: .48rem !important;
.sc3
  display inline-block
  font-size: .24rem;
  color: #9e9e9e;
  line-height: .32rem;
  margin-right: .2rem;
.sc4
  padding-top: .1rem;
  padding-bottom: .2rem;
  width 100%
  display flex
.sc5
  color: #9e9e9e;
  font-size: .24rem;
  padding-left: .3rem;
.sc6
  font-size: .28rem !important;
  color: #212121 !important;
  line-height: .48rem;
  padding-left: .3rem;
</style>
